<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Bidding Online System, Merlion University</title>
<link href="bootstrap-3.0.0-dist/css/bootstrap.css" rel="stylesheet" type="text/css">
<!-- -->
<link href="bootstrap-3.0.0-dist/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
<!-- -->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/general.css">
<link rel="stylesheet" type="text/css" href="css/bs-example.css">
<link href="css/navbar-customized.css" rel="stylesheet" type="text/css">
<script>

</script>
<style id="holderjs-style" type="text/css">.holderjs-fluid {font-size:16px;font-weight:bold;text-align:center;font-family:sans-serif;margin:0}</style></head>

<body style="">

<!-- start of navbar -->
<div class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      <a class="navbar-brand" href="#"><span>Bidding Online System</span></a> </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right">
        <li class="active"><a href="#"><i class="glyphicon glyphicon-th-list"></i> course offerings</a></li>
        <li><a href="#"><i class="glyphicon glyphicon-usd"></i> my current bids</a></li>
        <li><a href="#"><i class="glyphicon glyphicon-check"></i> bidding results</a></li>
        <li><a href="#"><i class="glyphicon glyphicon-shopping-cart"></i> section cart</a></li>
        <li><a href="#"><i class="glyphicon glyphicon-user"></i> logout</a></li>
      </ul>
    </div>
    <!--/.nav-collapse --> 
  </div>
</div>
<!-- end of navbar -->

<div class="container theme-showcase panel panel-default box-shadow content-box">
  <div class="page-header">
    <h1>Section Cart</h1>
  </div>
  
  <div class="row">
    <div class="col-md-8">
      <div class="panel panel-info">
        <div class="panel-heading">
          <h3 class="panel-title">Section Cart</h3>
		</div>
        <table class="table table-hover table-striped table-condensed">
        <thead>
          <tr>
            <th>Course</th>
			<th>Section</th>
            <th>Date/Time</th>
            <th>Instructor</th>
            <th>&nbsp;</th>
            <th>&nbsp;</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>IS101</td>
			<td>S3</td>
            <td>Mon, 0815 - 1130</td>
            <td>Otto Bara</td>
            <td><button type="button" class="btn btn-sm btn-danger"><i class="glyphicon glyphicon-shopping-cart"></i> Drop</button></td>
			<td><button type="button" class="btn btn-sm btn-success"><i class="glyphicon glyphicon-shopping-cart"></i> Checkout</button></td>
          </tr>
          <tr class="success">
            <td>IS200</td>
			<td>S12</td>
            <td>Tue, 0815 - 1130</td>
            <td>Otto Ng</td>
            <td><button type="button" class="btn btn-sm btn-danger"><i class="glyphicon glyphicon-shopping-cart"></i> Drop</button></td>
			<td><button type="button" class="btn btn-sm btn-success"><i class="glyphicon glyphicon-shopping-cart"></i> Checkout</button></td>
          </tr>
          <tr>
            <td>TWC</td>
			<td>S3</td>
            <td>Wed, 0815 - 1130</td>
            <td>Otto Smith</td>
            <td><button type="button" class="btn btn-sm btn-danger"><i class="glyphicon glyphicon-shopping-cart"></i> Drop</button></td>
			<td><button type="button" class="btn btn-sm btn-success"><i class="glyphicon glyphicon-shopping-cart"></i> Checkout</button></td>
          </tr>
        </tbody>
      </table>
        
      </div>
    </div>
  </div>
</div>
<!-- /container --> 

<!-- Bootstrap core JavaScript
    ================================================== --> 
<!-- Placed at the end of the document so the pages load faster --> 
<script src="http://code.jquery.com/jquery.js"></script> 
<script src="bootstrap-3.0.0-dist/js/bootstrap.min.js"></script> 
<script src="js/holder.js"></script>


</body></html>